<template>
	<view class="bg-gray">
		<view class="width">
			<view class="bg-white commonbg flex-row-between topinfo">
				<view class="flex-row-start font15">
					<image src="https://www.haopengsong.xyz/static/weixiu/home.png" mode="widthFix" class="home"></image>
					岭尚小区
				</view>
				<view class="qiehuan" @click="showPicker = true">切 换</view>
			</view>
			<listthere url='/pages/weixiu/detail'></listthere>
			<view class="apply">
				<u-button type="primary" shape='circle' @click="jump('/pages/weixiu/weixiu')">我要保修/保洁</u-button>
			</view>
		</view>
		<u-picker 
		v-model="showPicker"
		 :range='selectorObj'
		 mode="selector" :confirm-color="lightColor" @confirm="selectMode"></u-picker>
	</view>
</template>

<script>
import storage from "@/utils/storage.js"; //缓存
import listthere from "@/components/huashuiwan/listthere.vue";
export default {
	data() { 
		return {
			lightColor:'#499C43',
			selectorObj: [
				{
					name: '1',
					id: 156
				},
				{
					name: '2',
					id: 289
				}
			],
			showPicker:false,
			bgimg:'https://www.haopengsong.xyz/static/movie/songdetail.png',
			carouselImage:[
				{ name:'https://www.haopengsong.xyz/static/movie/songbg.png'}
			]
		};
	},
	components: {
		listthere
	},
	/**
	 * 页面加载
	 */
	onLoad(options) {
		
	},
	/**
	 * 页面显示
	 */
	onShow() {
		
	},
	/**
	 * 触底事件
	 */
	onReachBottom() {
		
	},
	/**
	 * 下拉刷新
	 */
	onPullDownRefresh() {
		
	},
	/**
	 * 页面滚动
	 * @param {Object} e
	 */
	onPageScroll(e) {
		
	},
	mounted() {
		
	},
	methods: {
		jump(res){
			uni.navigateTo({
				url: res
			});
		}
	}
};
</script>

<style scoped lang="scss">
	.topinfo{
		margin-bottom: 10px;
	}
	.home{
		width: 35px;
		height: 35px;
		margin-right: 10px;
	}
	.qiehuan{
		width: 78px;
		height: 28px;
		text-align: center;
		line-height: 28px;
		border-radius: 28px;
		background-color: #499C43;
		color: #fff;
	}
	.apply{
		margin: 30px 0;
	}
	.bg-gray{
		padding-bottom: 20px;
	}
</style>